<template>
<div @click="change">这是富文本框

  <div id="e">
   
  </div>
</div>
</template>

<script>
import E from "wangeditor"
import IndexService from '@/service/index'
const indexService = new IndexService();
export default {
 
    mounted(){
      this.initE()
    },
  data(){
    return{
      value:0
    }
  },
  methods:{
   async change(){
     console.log(1);
    let a = await indexService.changeStatus();
    console.log(a);
   },
    initE() {
      this.editor = new E('#e')
      //这里各位小伙伴可以查询官网，根据自己的需求进行菜单栏调整
      this. editor.customConfig.menus = [
        'head',  // 标题
        'bold',  // 粗体
        'fontSize',  // 字号
        'fontName',  // 字体
        'italic',  // 斜体
        'underline',  // 下划线
        'strikeThrough',  // 删除线
        'foreColor',  // 文字颜色
        'backColor',  // 背景颜色
        'link',  // 插入链接
        'list',  // 列表
        'justify',  // 对齐方式
        'quote',  // 引用
        'emoticon',  // 表情
        'image',  // 插入图片
        'table',  // 表格
        'code',  // 插入代码
        'undo',  // 撤销
        'redo'  // 重复
      ]
      this.editor.create()
    },
  }

}
</script>

<style>

</style>